<h1>Creative Performance</h1>
  <script language="javascript" src="http://www.google.com/jsapi"></script>


   <div id="chart"></div>

   <script type="text/javascript">
      var queryString = '';
      var dataUrl = '';

      function onLoadCallback() {
        if (dataUrl.length > 0) {
          var query = new google.visualization.Query(dataUrl);
          query.setQuery(queryString);
          query.send(handleQueryResponse);
        } else {
          var dataTable = new google.visualization.DataTable();
          dataTable.addRows(7);

          dataTable.addColumn('number');
          dataTable.addColumn('number');
          dataTable.setValue(0, 0, 10);
          dataTable.setValue(0, 1, 50);
          dataTable.setValue(1, 0, 50);
          dataTable.setValue(1, 1, 60);
          dataTable.setValue(2, 0, 60);
          dataTable.setValue(2, 1, 100);
          dataTable.setValue(3, 0, 80);
          dataTable.setValue(3, 1, 40);
          dataTable.setValue(4, 0, 40);
          dataTable.setValue(4, 1, 20);
          dataTable.setValue(5, 0, 60);
          dataTable.setValue(5, 1, 40);
          dataTable.setValue(6, 0, 30);
          dataTable.setValue(6, 1, 30);

          draw(dataTable);
        }
      }

      function draw(dataTable) {
        var vis = new google.visualization.ImageChart(document.getElementById('chart'));
        var options = {
          chxl: '',
          chxp: '',
          chxr: '',
          chxs: '',
          chxtc: '',
          chxt: 'x',
          chbh: 'a',
          chs: '300x225',
          cht: 'bhg',
          chco: 'A2C180,3D7930',
          chd: 't:10,50,60,80,40,60,30|50,60,100,40,20,40,30',
          chdl: '|',
          chtt: 'Vertical+bar+chart'
        };
        vis.draw(dataTable, options);
      }

      function handleQueryResponse(response) {
        if (response.isError()) {
          alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
          return;
        }
        draw(response.getDataTable());
      }

      google.load("visualization", "1", {packages:["imagechart"]});
      google.setOnLoadCallback(onLoadCallback);

    </script>

   